<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>广西华美旅游规划有限公司</title>
<meta name="keywords" content="${webSet.keyword }" />
<meta name="description" content="${webSet.description }" />
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" href="css/footer.css" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="js/assets/css/main.css" rel="stylesheet" media="screen"/>
</head>
<body>
	<%@include file="../common/_navi.jsp"%>
	<%@include file="../common/right_bounced.jsp"%>
	<!--轮播部分-->
<%-- 	<div id="banner-container">
		<div id="list" style="left: -1920px;">
			<a href="">
				<img src="${banner.banner4 }" alt="华美旅游规划"  style="width:1920px;"/>
			</a>
			<a href="">
				<img src="${banner.banner1 }" alt="华美旅游规划" style="width:1920px;"/>
			</a>
			<a href="">
				<img src="${banner.banner2 }" alt="华美旅游规划" style="width:1920px;"/>
			</a>
			<a href="">
				<img src="${banner.banner3 }" alt="华美旅游规划" style="width:1920px;"/>
			</a>
			<a href="">
				<img src="${banner.banner4 }" alt="华美旅游规划" style="width:1920px;"/>
			</a>
			<a href="">
				<img src="${banner.banner1 }" alt="华美旅游规划" style="width:1920px;"/>
			</a>
		</div>
		<div id="buttons" style="opacity: 0;">
			<span index="1" class="on"></span>
			<span index="2"></span>
			<span index="3"></span>
			<span index="4"></span>
		</div>
		<a href="javascript:;" id="prev" class="arrow">&lt;</a>
		<a href="javascript:;" id="next" class="arrow">&gt;</a>
	</div> --%>
	
	
	<div class="wrap wrap-index" style="height:620px;width:100%;">
  <!-- slider-->
  <div class="slider" style="height:620px;width:100%;">
    <div class="jquery-reslider" style="height:620px;width:100%;">
      <div class="slider-block" style="height:620px;width:100%;">
      	<img src="${banner.banner1 }" style="height:620px;width:100%;"/>
      		
      </div>
      <div class="slider-block">
      	<img src="${banner.banner2 }" style="height:620px;width:100%;"/>
      </div>
      <div class="slider-block">
      	<img src="${banner.banner3 }" style="height:620px;width:100%;"/>
      </div>
        <div class="slider-block">
      	<img src="${banner.banner4 }" style="height:620px;width:100%;"/>
      </div>
      <div class="slider-direction slider-direction-next"></div>
      <div class="slider-direction slider-direction-prev"></div>
      <div class="slider-dots">
        <ul>
        </ul>
      </div>
    </div>
  </div>
  <!-- end build--> 
</div>
	<!--轮播部分-->
	<!--华美服务项目-->
	<div class="serverIteam" id="scrollNews" style="padding-top:0px">
		<div class="">
			<a href="domain.htm" class="serverBox" target="_blank">
				<img src="images/index/server1.png" alt="全域旅游" />
				<div class="serverText">
					<div class="textBox">
						<div>
							<p class="textTit">全域旅游</p>
							<p class="textSpan">专题研究</p>
						</div>
					</div>
				</div>
				<div class="master"></div>
			</a>
		</div>
		<div class="">
			<a href="features.htm" class="serverBox" target="_blank">
				<img src="images/index/server2.png" alt="特色小镇" />
				<div class="serverText">
					<div class="textBox">
						<div>
							<p class="textTit">特色小镇</p>
							<p class="textSpan">专题研究</p>
						</div>
					</div>
				</div>
				<div class="master"></div>
			</a>
		</div>
		<div class="">
			<a href="pastoral.htm" class="serverBox" target="_blank">
				<img src="images/index/server3.png" alt="田园综合体" />
				<div class="serverText">
					<div class="textBox">
						<div>
							<p class="textTit">田园综合体</p>
							<p class="textSpan">专题研究</p>
						</div>
					</div>
				</div>
				<div class="master"></div>
			</a>
		</div>
		<div class="">
			<a href="toilet.htm" class="serverBox" target="_blank">
				<img src="images/index/server4.png" alt="厕所革命" />
				<div class="serverText">
					<div class="textBox">
						<div>
							<p class="textTit">厕所革命</p>
							<p class="textSpan">专题研究</p>
						</div>
					</div>
				</div>
				<div class="master"></div>
			</a>
		</div>
		<div class="">
			<a href="rural.htm" class="serverBox" target="_blank">
				<img src="images/index/server5.png" alt="乡村旅游" />
				<div class="serverText">
					<div class="textBox">
						<div>
							<p class="textTit">乡村旅游</p>
							<p class="textSpan">专题研究</p>
						</div>
					</div>
				</div>
				<div class="master"></div>
			</a>
		</div>
	</div>
	<!--业务范围-->
	<div class='workAre'>
		<header class="caseTit">
			<div>
				<h2 style="color: #000000;">业务范围</h2>
				<p>
					<b style="color: #909393;">Line of business</b>
				</p>
			</div>
		</header>
		<section class="businessBox">
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set1.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">全域旅游规划</p>
						<p class="workspan">Global tourism plannin</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set2.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">行业五年规划</p>
						<p class="workspan">Industry five-year pla</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set3.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">总体规划</p>
						<p class="workspan">overall planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set4.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">发展规划</p>
						<p class="workspan">development planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set5.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">概念性规划</p>
						<p class="workspan">Conceptual planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set6.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">旅游策划</p>
						<p class="workspan">traveling planning</p>
					</div>
				</a>
			</div>
		</section>
		<section class="businessBox">
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set7.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">提升规划</p>
						<p class="workspan">Promotion planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set8.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">专项规划</p>
						<p class="workspan">specialized planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set9.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">景观设计</p>
						<p class="workspan">landscape design</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set12.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">建筑设计</p>
						<p class="workspan">Park planning</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set10.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">可研报告</p>
						<p class="workspan">feasibility report</p>
					</div>
				</a>
			</div>
			<div>
				<a href="javascript:void(0);" class="Abox">
					<div>
						<div class="workImg">
							<img src="images/index/set11.png" />
						</div>
					</div>
					<div class="workDrc">
						<p class="workTit">项目建议书</p>
						<p class="workspan">proposal for the project</p>
					</div>
				</a>
			</div>
		</section>
	</div>
	<!--业务范围-->
	<!--华美服务项目-->
	<!--案例精选-->
	<div class="caseWrap">
		<div class="caseBox">
			<div class="caseSanjiao2"></div>
			<div class="caseSanjiao"></div>
			<div class="height"></div>
			<header class="caseTit">
				<div>
					<h2 style="color: #000000;">案例精品</h2>
					<p>
						<b style="color: #909393;">Case selection</b>
					</p>
				</div>
			</header>
			<div class="showCase clearfixs">
				<div class="showCaseBox">
					<div class='box'>
					<div id='boxss'>
					  		<a href="childCase.htm?classify=1" target="_blank" class="a">
								<img src="images/index/case1.png" style="width:310px;height: 370px;"/>
								<h2>总体规划</h2>
							</a>
							<a href="childCase.htm?classify=2" target="_blank" class="a">
								<img src="images/index/case5.png" style="width:310px;height: 370px;"/>
								<h2>行业五年规划</h2>
							</a>
							<a href="childCase.htm?classify=3" target="_blank" class="a">
								<img src="images/index/case3.png" style="width:310px;height: 370px;"/>
								<h2>全域旅游规划</h2>
							</a>
							<a href="childCase.htm?classify=4" target="_blank" class="a">
								<img src="images/index/case6.png" style="width:310px;height: 370px;"/>
								<h2>发展规划</h2>
							</a>
							<a href="childCase.htm?classify=5" target="_blank" class="a">
								<img src="images/index/case2.png" style="width:310px;height: 370px;"/>
								<h2>概念性规划</h2>
							</a>
							
							<a href="childCase.htm?classify=6" target="_blank" class="a">
								<img src="images/index/case4.png" style="width:310px;height: 370px;"/>
								<h2>旅游策划</h2>
							</a>

							
								<a href="childCase.htm?classify=7" target="_blank" class="a">
								<img src="images/index/case7.png" style="width:310px;height: 370px;"/>
								<h2>提升规划</h2>
							</a>
								<a href="childCase.htm?classify=8" target="_blank" class="a">
								<img src="images/index/case8.png" style="width:310px;height: 370px;"/>
								<h2>专项规划</h2>
							</a>
					</div>
					</div>
				</div>
			</div>
			<div class="moreCase">
				<a href="childCase.htm" class="hvr-bounce-to-right"> 查看更多 </a>
			</div>
		</div>
	</div>
	<!--案例精选-->
	<!--关于华美-->
	<div class="aboutHuamei">
		<div>
			<header class="aboutTit" data-scroll-reveal="enter top and move 100px over 0.8s ">
				<div>
					<h2>关于华美</h2>
					<p>
						<b>About Us</b>
					</p>
				</div>
			</header>
			<div class="aboutCont clearfixs">
				<div class="aboutContL" data-scroll-reveal="enter left and move 300px over 0.8s ">
					<img src="images/index/abBk.png" alt="关于我们" />
				</div>
				<div class="aboutContR" data-scroll-reveal="enter right and move 300px over 0.8s ">
					<h2 class="ContTextTit">公司简介</h2>
					<p class="ContText">广西华美旅游规划有限公司是一家专业从事旅游目的地旅游策划 、 旅游规划的公司，公司依托广西高等院校旅游学、人类学、民族学 、地理学等学科力量，理论与实践相结合，通过先进的理念、 可操作性强的策划、专业的服务，
						为民族地区旅游目的地和区域旅游开发项目提供全过程 、全方位的策划、规划与咨询服务。公司主要策划人 员均曾在国内从事多年旅游规划和策划工作，具有很强的实践经验</p>
					<div class="seeMoreAb">
						<a href="about.htm" class="hvr-bounce-to-right"> 查看更多 </a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--关于华美-->
	<!--新闻中心-->
	<div class="newCenter" data-scroll-reveal="enter bottom and move 500px over .8s ">
		<header class="aboutTit">
			<div>
				<h2>新闻中心</h2>
				<p>
					<b>New Center</b>
				</p>
			</div>
		</header>
		<div class="newNav">
			<span>
				<span class="on newBtn">华美新闻</span>
			</span>
			<span>
				<span class="newBtn">行业热点</span>
			</span>
			<span>
				<span class="newBtn">最新政策</span>
			</span>
			<span class="search">
				<label for="ser" onclick="searchBtn();">
					<img src="images/index/search.png" />
				</label>
				<input type="text" placeholder="标题搜索" style="font-size: 13px;" id="searchInfo" />
				<input type="submit" style="display: none;" id="ser" />
			</span>
		</div>
		<div class="newsList">
			<ul class="clearfixs" id="newsUL1">
				<c:forEach items="${newsList}" var="news" begin="0" end="5">
					<li class="newsListBox clearfixs">
						<div class="leftBox">
							<img src="${news.photo}" alt="" />
						</div>
						<div class="rightBox">
							<div>
								<h2 class="clearfixs">
									<a class="newTit" href="detailNews.htm?id=${news.id}">${news.title}</a>
									<span class="newTimer">${news.updateTime}</span>
								</h2>
							</div>
							<p class="newsCont">${news.detail}</p>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<!--行业资讯-->
		<div class="newsList" style="display: none;">
			<ul class="clearfixs" id="newsUL2">
				<c:forEach items="${newsList2}" var="news2" begin="0" end="5">
					<li class="newsListBox clearfixs">
						<div class="leftBox">
							<img src="${news2.photo}" alt="" />
						</div>
						<div class="rightBox">
							<div>
								<h2 class="clearfixs">
									<a class="newTit" href="detailNews.htm?id=${news2.id}">${news2.title}</a>
									<span class="newTimer">${news2.updateTime}</span>
								</h2>
							</div>
							<p class="newsCont">${news2.detail}</p>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<!--最新政策-->
		<div class="newsList" style="display: none;">
			<ul class="clearfixs" id="newsUL3">
				<c:forEach items="${newsList3}" var="news3" begin="0" end="5">
					<li class="newsListBox clearfixs">
						<div class="leftBox">
							<img src="${news3.photo}" alt="" />
						</div>
						<div class="rightBox">
							<div>
								<h2 class="clearfixs">
									<a class="newTit" href="detailNews.htm?id=${news3.id}">${news3.title}</a>
									<span class="newTimer">${news3.updateTime}</span>
								</h2>
							</div>
							<p class="newsCont">${news3.detail}</p>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div class="moreNews">
			<a href="newsCompany.htm" class="hvr-bounce-to-right"> 查看更多 </a>
		</div>
	</div>
	<!--新闻中心-->
	<%@include file="../common/footer.jsp"%>

	</div>
	<script type="text/javascript" src="js/ScrollReveal.js"></script>
	<script type="text/javascript" src="js/xscroll.js"></script>
	<script src="js/assets/js/jquery.reslider.js"></script> 
	<script>
		if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {

			(function() {

				window.scrollReveal = new scrollReveal({
					reset : true
				});

			})();

		};
	</script>
			<script>
					window.onload = function() {
  new Marquee({ ID: "boxss", Direction: "left", Step:1, Width: 0, Height:370, Timer: 50, DelayTime:0, WaitTime: 1000, ScrollStep: 80 });}
		</script>
<!-- 		<script src="assets/js/jquery.reslider.js"></script>  -->
<script>
	$(function(){
		$('.jquery-reslider').reSlider({
			speed:3500,//设置轮播的高度
			delay:1000,//设置轮播的延迟时间
			imgCount:4,//设置轮播的图片数
			dots:false,//设置轮播的序号点
			autoPlay:true//设置轮播是否自动播放
		});
	});
</script> 
</body>
</html>